/* 对博客系统登录页面样式调整 */

/* 对整个登录页面进行调整 */
.login_container {
    width: 100%; 
    height: calc(100%-50px);
    display: flex;

    /* 元素居中排列 左右两边留白相等 */
    justify-content: center;

    /* 垂直居中 */
    align-items: center;
    /* text-align: center; */

    padding-top: 200px;

}

/* 对登陆的整体页面框调整 */
.login_dialog {
    width: 340px;
    height: 330px;
    background-color:rgba(255, 255, 255, 0.4);

    /* 由于外部大框架已经水平调整 只需要垂直居中 */
    align-items: center;
}

/* 对登陆界面的"登陆"进行调整 */
.login_dialog h3 {
    /* 水平居中 */
    text-align: center;
    padding: 40px 0;
}

/* 对登陆页面中的行进行调整 */
.login_dialog .row {
    height: 50px;
    display: flex;
    /* 等同于水平居中 */
    justify-content: center;
    /* 垂直居中 */
    align-items: center;
}

/* 对登陆界面中的"用户名"以及"密码"调整 */
.login_dialog .row span {
    width: 60px;
    font-size: 15px;
}

/* 对用户名输入框和密码框进行调整 */
#username, #password {
    width: 200px;
    height: 25px;
    /* 去掉边框 */
    /* border-bottom: none; */
    font-size: 15;
}

/* 对提交按钮调整 */
#submit {
    width: 260px;
    height: 30px;
    color: black;
    background-color: rgb(113,154,234);
    border-radius: 10px;
    /* border: none; */
}

/* 设置点击登陆按钮变色提醒 */
#submit:active {
    background-color: #666;
}




